<template>
  <div class="Edit">
    <div class="bk">
      <header>
        <div>编辑文章</div>
        <div>Edit</div>
      </header>
       <el-divider></el-divider>
      <main>
        <DeailEdit :config="config"></DeailEdit>
      </main>
    </div>
  </div>
</template>

<script>
export default {
    name: "Edit",
    props: ["article_id"],
    data() {
        return {
            config:null
        };
    },
    created(){
        //获取当前文章的所有资料
        this.$store.dispatch('personalCenter/reqGetDetailEdit', this.article_id).then((result)=>{
            if(result.data.status === '200'){
                this.config = result.data.data[0]
            }
        });
    }
};
</script>

<style lang="less">
.Edit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  .bk {
    margin-top: 100px;
    width: 80vw;
    min-height: 1000px;
    height: 80%;
    border: 4px solid black;
    border-radius: 2em;
    margin-bottom: 100px;
    header {
      font-size: 60px;
      user-select: none;
      padding-left: 50px;
      padding-top: 50px;
    }
    .el-divider--horizontal{
        width: 90%;
        margin: 0 auto;
        margin-top:20px ;
    }
    main{
        margin-top: 20px;
        margin-bottom:20px ;
    }
  }
}
</style>